<!--
 * @Author: error: error: git config user.name & please set dead value or install git && error: git config user.email & please set dead value or install git & please set dead value or install git
 * @Date: 2024-04-29 14:52:30
 * @LastEditors: error: error: git config user.name & please set dead value or install git && error: git config user.email & please set dead value or install git & please set dead value or install git
 * @LastEditTime: 2024-05-08 11:51:29
 * @FilePath: \ken147258.topayClient\src\views\other\demo.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->

<template>
    <div>
        <comTable :data="earlierTables" :config="tableconfig" :tableHeader="tableHeader" >
        </comTable>
    </div>
</template>
import comTable from '@/components/comTable/comTable.vue'
<script setup name="demo">
let earlierTables = ref([
    {
        name:'张三',
        remark:'123',
        filetotal:10
    },
    {
        name:'李四',
        remark:'123',
        filetotal:10
    },
    {
        name:'王五',
        remark:'123',
        filetotal:10
    },
    {
        name:'赵六',
        remark:'123',
        filetotal:10
    },
    
])
const tableconfig = {
  tableHeight: 480,       //表格高度
  isSelection: false,       //显示复选框
  isRowClick: false,       //使用行点击
  isStripe: true,         //隐藏斑马纹，与背景色不可同时用
  isShowSummary: false,    //显示共计
  isIndex: true,   		 //自定义序号
  isNeedPagination: true,  //是否需要分页
}
const tableHeader = [
  
  {
    label: '名称',
    prop: 'name',
    width: 200
  },
  
  {
    label: '备注',
    prop: 'remark',
    width: 200
  },
  {
    label: '操作',
    prop: '',
    title: '附件',
    btntag: 'filetotal',
    btnText: '附件',
    type: 'button',
    colWidth: 100,
    isSort: false,
    
  }
]
</script>

<style scoped lang="scss">

</style>
  